<!-- 14.Community_topic_list_page -->
<div id="page-community">
<header class="community-header">
  <div class="container">
    <nav class="sub-nav">
      {{breadcrumbs}}
      <div class="community-search">
        {{search}}
      </div>
    </nav>

    <h2 class="community-header-title">cybozu developer コミュニティ</h2>
    <p class="community-header-description">
      コミュニティはトピック別に整理された質問と回答で構成されており、<b>有志のエンジニアによって運営</b>されています。
      <ul>
        <li>・サンプルコードをすぐに求めるのではなく、自分で試したものの解決できなかったプログラムを示すなど回答者が回答しやすい質問にしましょう</li>
        <li>・回答があったら必ず返信をしましょう</li>
      </ul> 
    </p>
  </div>
  </header>
  
  <div class="container">
{{#unless topics}}
  <p>{{t 'no_content'}}</p>
{{/unless}}

<table class="topic-list">
  <thead>
    <tr>
      <th>トピック</th>
      <th>投稿数</th>
      <th>フォロワー</th>
    </tr>
  </thead>
  <tbody>
    {{#each topics}}
      <tr>
        <td>
          {{#if internal}}
            <span class="visibility-internal" data-title="{{t 'internal'}}">
              <span class="visibility-internal-icon"></span>
            </span>
          {{/if}}
          <a href="{{url}}" title="{{name}}" class="topic-list-topicName">{{name}}</a>
          <p class="topic-list-topicDescription">{{excerpt description}}</p>
        </td>
        <td class="topic-list-postsCount">
          {{post_count}}<span class="text-small">件</span>
        </td>
        <td class="topic-list-followerCount">
         {{follower_count}} <span class="text-small">フォロワー</span>
        </td>
      </tr>
    {{/each}}
    <tr>
      <td>
        {{#link 'posts' class='topic-list-topicName'}}
          すべての投稿
        {{/link}}
        <p class="topic-list-topicDescription">トピックを横断して全ての投稿を表示します</p>
      </td>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>

{{pagination}}
  </div>
</div>
